<template>
  <button ref="tar" type="button" name="button" @click="testClick">
    {{ content }}
  </button>
</template>

<script>
export default {
  data() {
    return {
      content: "初始值1",
    };
  },
  methods: {
    testClick() {
      this.content = "改变了的值1";
      // 这时候直接打印的话，由于dom元素还没更新
      // 因此打印出来的还是未改变之前的值
      console.log(this.$refs.tar.innerText); // 初始值
    },
  },
};
</script>
